<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/*鍒濆鍖栨牱寮�*/
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,瀹嬩綋,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:link{color:#666;}
a:visited{color:#666;}
a:hover,a:active,a:focus{color:#009b4c;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}
dt{font-weight: normal;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

.x-banner{
    position: relative !important; 
    width: 1920px !important;
    left: 50% !important;
  margin-left: -960px !important;  
}



/*婊氬姩*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%!important;}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:92%;margin:0 auto;}
#m_indemo {float: left;width:800%!important;}
#m_demo1 {float: left;}
#m_demo2 {float: left;}


.wh{width: 1200px;margin:0 auto;}
.pos{position: relative;width: 1920px;left: 50%;margin-left: -960px;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2);-ms-transform:scale(1.2);}



.roll_product {float: left;}

.plist{margin-top: 56px;}
.plist li{margin-right: 15px;margin-bottom: 15px;}
.plist li:nth-child(3n){margin-right: 0;}
.plist li a.img{border:1px solid #e5e5e5;display: block;}
.plist li a.img img{width: 388px;height: 388px;}
.plist li h3 a{display: block;color: #fff;font-size: 16px;font-weight: normal;}

#menu{
    margin-top: 25px;
}
/*澶撮儴鏍峰紡*/
.top1{height: 27px;background: #e6e6e6;color: #595959;line-height: 27px;overflow: hidden;font-size: 13px;}
.top2{    
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
}
#header{width:1000px;margin:0 auto;}
.logo{float:left;line-height: 69px;}
.top2 .k2{margin-top: 35px;font-size: 16px;color: #333333;line-height: 35px;text-align: right;}



.logo2 {
	float: left;
	line-height: 69px;
	display: none;
}

.top2.scroll {
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 99999;
	background: #fff;
    box-shadow:  #cccccc 0px 1px 10px 5px;
}

.top2.scroll .logo2 {
	display: block;
}

.top2.scroll .logo {
	display: none;
}


.top2.scroll #menu {
	margin-top: 10px;
}
.top2.scroll .x-menu &gt; li &gt; a{
    color: #000;
}
.top2.scroll .x-menu li.active &gt; a{
    color: #000;
}
.top2.scroll .x-menu li a:hover{
    color: #fff;
}
.top2.scroll .x-sub-menu li a{
    color: #000 !important;
}



.top2.scroll .ss {
    background: url(../images/souh.png) no-repeat top center;
    margin-top: 25px;
}


.ss {
	position: relative;
	background: url(../images/sou.png) no-repeat top center;
	height: 20px;
	width: 45px;
	margin-top: 35px;
}

.butt {}

.ss1 {
	display: none;
	position: absolute;
	right: 0;
	top: 80px;
}








.topLink{float:right;text-align:right;position: relative;z-index: 9999;}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}
.topLink .k1 a{color: #595959;}
.topLink .k2{color:#074b91;font-size:14px;font-family:"寰蒋闆呴粦";}


/*鐑棬鎼滅储*/
.sou{margin: 15px 0;}
#formsearch{float:right;}
.hotSearch{float:left;height:24px;line-height:24px;font-weight:normal;}
#search-type{float: left;width:100px;height: 24px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*鎼滅储鍜岀儹闂ㄦ悳绱�*/
.hotSearch a{margin-right:6px;}
#formsearch input{height:22px;background:#fff;border:1px solid #c8c8c8;line-height:22px;}
#formsearch input#keyword{height:22px;line-height:22px;padding-left:4px;color:#666;}
#formsearch input#s_btn{width:46px;height:24px;line-height:24px;text-align:center;background-color:#009b4c;color:#fff;border:none;cursor:pointer;font-size: 12px;}

/*棣栭〉banner*/
.banner{position:relative;}
.banner{width:100%;height:100%;}
.banner ul.bb{position:relative;padding:0px;margin:0px;z-index:5;width:100%;height:100%;}
.banner ul.bb li{position:absolute;display:none;width:100%;height:100%;}
.banner ul.bb li a{width:100%;display:block;height:100%;}
.banner ul.bb li a img{width:100%;height:100%;}
.banner .num{position:absolute;right:0;bottom:40px;z-index:100;text-align: center;width: 100%;}
.banner .num li{display:inline-block;margin:0 5px;width:61px;height: 6px; text-indent:-100px;overflow:hidden;background: #009b4c;}
.banner .num li.num_hover{background-color:#e15616;}
.banner .num li.num_hover a{color:#fff;}
.banner .num li a{float:left;display:inline;text-align:center;color:#666;text-decoration:none;cursor:pointer;width:16px;height:16px;line-height:16px;}




/*瀵艰埅鏍忔牱寮�*/
.nav li{text-align:center;float:left;position:relative;z-index:999;width: 133px; }

.nav li a{display:block;line-height:62px;color:#fff;height:62px;padding: 0;font-size: 16px;padding: 0;}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#e15616;}
.nav&gt;li&gt;a:focus, .nav&gt;li&gt;a:hover {
    text-decoration: none;
    background-color: #e15616;
}

.nav .sec{height:0;background:#009b4c;color:#fff;overflow:hidden;z-index:9999;position:absolute;top:62px;left:0px;width: 100%;}
.nav .sec a{background:#009b4c;color:#fff;height:38px;line-height:38px;font-size: 14px;}
.nav .sec a:hover{background:#e15616;text-decoration:none;}











/*椤甸潰搴曢儴*/
#footer{height: 321px;background: #009b4c;}
.ff_er{width: 324px;height: 304px;background: #009b4c;}
.ff_er h3{font-weight: normal;color: #fff;font-size: 24px;padding-top:42px;}
.ff_er .er{margin-top:30px;text-align: center;font-size: 20px;color: #fff;line-height:50px;}
.ff_cont h3{color: #fff;font-size: 24px;font-weight: normal;margin-bottom: 6px;}
.ff_cont{width: 414px;padding-right: 65px; background: url(../images/line2.png) no-repeat right top;margin-top: 42px;color: #fff;font-size: 14px;line-height: 26px;border-right: 1px solid #d8e1dd;padding-bottom: 20px;}
.ff_cont a{color: #fff;font-size: 14px;}
.nav_foot{width: 395px;margin-top: 65px;line-height: 39px;}
.nav_foot a{color: #fff;font-size: 14px;}
.copyright{text-align:center;line-height:24px;}








.bb5x{ margin-bottom: 100px;}
.bb5nr{ margin-top: 45px;}
.bb5nr li{
    width: 31%;
    margin: 0 10px;
}
.bb5nr li img{
    width: 100%;
}


/*鍐呴〉宸︿晶鏍峰紡*/


.container{width: 1200px!important;margin: 0 auto;padding: 0;}


.page-product-inquiry a{color: #fff;}

/*  */
.w1{
    background: url(../images/w1.png) top center no-repeat;
    padding-top: 113px;
    padding-bottom: 122px;
}
.w1tt{text-align: center;background: url(../images/pt1.png) center no-repeat;font:bold 36px/36px MicrosoftYaHei;color: #2c4764;}
.w1sec{text-align: center;	height: 64px;
	background: url(../images/w1sec.png) center no-repeat;
    box-shadow: 0px 5px 9px 1px 
        rgba(0, 0, 0, 0.11);
    margin-top: 57px;
    }
.w1sec li{
    display:inline-block;
    margin:0 27px;
}
.w1sec li a{
    font:600 18px/64px MicrosoftYaHei;
    color: #2c4764;
}
.w1sec li.cur a{
    color: #375bb9;
}
.w1 .tab_cont{
    width: 1096px;
    margin:0 auto;
    margin-top: 93px;
}
.w1 .tab_cont li{
    width: 523px;
	height: 284px;
    background-color: #ffffff;
    float: left;
}
.w1 .tab_cont li:nth-child(2n){
    float: right;
}
.w1 .tab_cont li:hover{
    box-shadow: -2px 2px 11px 4px 
    rgba(0, 0, 0, 0.15);
}
.w1 .tab_cont li a.img{
    display: block;
    width: 220px;
	height: 284px;
    background-color: #ffffff;
    text-align: center;
    line-height: 284px;
    float: left;
}

.w1 .tab_cont li a.img img{
    width: 233px;
	height: 196px;

}

.w1 .tab_cont li .dac{
    width: 252px;
    float: right;
    margin-right: 24px;
    margin-top: 57px;
}
.w1 .tab_cont li .dac h3 a{
    display: block;
    font:500 15px/15px MicrosoftYaHei;
    color: #375bb9;
}
.w1 .tab_cont li .dac h4{
    font:500 13px/24px MicrosoftYaHei;
    color: #2c4764;
    margin-top: 25px;
}
.w1 .tab_cont li .dac .mx{
    display: block;
    background:url(../images/promo.png) left 52px center no-repeat;
    font:normal 11px/11px MicrosoftYaHei;
    color: #2c4764;
    margin-top: 40px;
    transition: all 0.4s;
    letter-spacing: -1px;
}
.w1 .tab_cont li:hover .dac .mx{
    background:url(../images/promo2.png) left 52px center no-repeat;
    transition: all 0.4s;
}

.w1bgs{
    width: 1096px;
    margin:0 auto;
    margin-top: 90px;
    position: relative;
}
.w1bgs .bd li{
    width: 233px;
	height: 336px;
    background-color: #ffffff;
    float: left;
    margin:0 22px;
    padding-top: 52px;
    text-align: center;
}
.w1bgs .bd li a.img{
    display: block;
    height: 196px;
    overflow: hidden;
    text-align: center;
}


.w1bgs .bd li a.img img{
    width: 100%;
    height: 196px;

}
.w1bgs .bd li img{transition: all 0.4s;}
.w1bgs .bd li:hover img{transition: all 0.4s;
    transform: scale(1.1, 1.1);}
.w1bgs .bd li h3{
    font:500 14px/20px MicrosoftYaHei;
    color: #2c4764;
    margin-top: 10px;
}
.w1bgs .bd li a.promos{
    display: block;
    width: 99px;
	height: 25px;
    background-color: #375bb9;
    margin:0 auto;
    text-align: center;
    font:bold 12px/25px MicrosoftYaHei;
    color: #ffffff;
    margin-top: 12px;
}
.w1bgs .hd a{
    display: block;
    width: 38px;
    height: 38px;
    position: absolute;
    top: 119px;
    z-index: 9;
}
.w1bgs .hd a.prev{
    position: absolute;
    left: -67px;
    background: url(../images/ple.png) center no-repeat;
}
.w1bgs .hd a.next{
    position: absolute;
    right: -67px;
    background: url(../images/pri.png) center no-repeat;
}


/*  */
.w2{
    background: url(../images/w2.png) top center no-repeat;
    padding-top: 77px;
    padding-bottom: 124px;
}
.ables{
    width: 535px;
}
.ables .abconts{
    font:normal 16px/32px MicrosoftYaHei;
    color: #2c4764;
    margin-top: 30px;
}
.ables a.abmos{
    display: block;
    width: 106px;
	height: 26px;
	border-radius: 13px;
    border: solid 1px #375bb9;
    text-align: center;
    font:normal 12px/24px MicrosoftYaHei;
    color: #2c4764;
    margin-top: 30px;
}
.ables a.abmos:hover{
    background: #375bb9;
    color: #fff;
}


/*  */
.w3{
    background: url(../images/w3.png) top center no-repeat;
    padding-bottom: 122px;
}
.w3bgs{
    margin-top: 82px;
}

.c3_list li {
    float: left;
    position: relative;
    margin-left: 31px;
    width: 262px;
    height: 503px;
}
.c3_list li .ystus{
    position: relative;
    width: 225px;
    height: 333px;
    margin:0 auto;
    overflow: hidden;
}
.c3_list li a.img {
    display: block;
    text-align: center;
}
.c3_list li h3{
    width: 52px;
    height: 52px;
    position: absolute;
    left: 0;
    right: 0;
    top: 142px;
    margin:0 auto;
    background: rgba(0, 0, 0, .3);
    text-align: center;
    font:bold 34px/52px MicrosoftYaHei;
    color: #fff;
    opacity: 0;
    transition: all 0.4s;
}
.c3_list li:hover h3{
    opacity: 1;
    transition: all 0.4s;
}

.c3_list li a.img&gt;img {
	width: 225px;
	height: 333px;
    z-index: 1;
}

.c3_list li .xiann {
    width: 262px;
	height: 327px;
    border: 1px solid #375bb9;
    position: absolute;
    z-index: 2;
}

.c3_list li.li2 .xiann {
    bottom: -16px;
    left: 0px;
}

.c3_list li.li4 .xiann {
    bottom: -16px;
    left: 0px;
}

.c3_list li.li1 .xiann {
    top: -17px;
    left: 0px;
}

.c3_list li.li3 .xiann {
    top: -17px;
    left: 0px;
}

.c3_list li .yswz {
    height: 170px;
    text-align: center;
    color: #FFF;
}

.c3_list li .yswz dd {
    padding-top: 23px;
    color: #4c4c4c;
    font-family: "Microsoft Yahei";
    font-size: 16px;
    line-height: 1;
}

.c3_list li.li2 .yswz dd {
    padding-top: 0px;
}

.c3_list li.li4 .yswz dd {
    padding-top: 0px;
}

.c3_list li .yswz dt {
    font-size: 14px;
    color: #999999;
    line-height: 26px;
    padding-top: 15px;
    text-align: left;
}

.c3_list li.li2 .yswz {
    height: 170px;
}


/*  */
.w4{
    background: url(../images/w4.png) top center no-repeat;
    height: 553px;
}
.w4tt{text-align: center;background: url(../images/pt2.png) center no-repeat;font:bold 36px/36px MicrosoftYaHei;color: #2c4764;}

.w4bgs{
    margin-top: 50px;
}
.w4bgs li{
    width: 280px;
    float: left;
    margin-right: 26px;
    text-align: center;
}
.w4bgs li:last-child{
    margin-right: 0;
}
.w4bgs li .whytus{
    width: 118px;
    height: 118px;
    position: relative;
    margin:0 auto;
    text-align: center;
    line-height: 118px;
    border-radius: 50%;
}
.w4bgs li .whytus dd{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 118px;
    height: 118px;
    line-height: 118px;
}
.w4bgs li dt{
    opacity: 0;
    width: 118px;
    height: 118px;
    transition: all 0.4s;
    line-height: 118px;
}
.w4bgs li:hover dd{
    opacity: 0;
    transition: all 0.4s;
}
.w4bgs li:hover dt{
    opacity:1;
    transition: all 0.4s;
    
}
.w4bgs li:hover .whytus{
    background-color: #375bb9;
}
.w4bgs li h3{
    font:normal 21px/21px SimSun;
    color: #292929;
    margin-top: 34px;
}
.w4bgs li h4{
    font:normal 14px/31px SimSun;
    color: #666666;
    margin-top: 10px;
}


/*  */
.w5{
    margin-bottom: 101px;
}
.xinsec{
    margin-top: 61px;
}
.xinsec .tablis2{text-align: center;}
.xinsec .tablis2 li{
    display: inline-block;
    width: 100px;
    height: 36px;
    border-radius: 18px;
    margin:0 10px;
}
.xinsec .tablis2 li a{
    font:normal 16px/36px MicrosoftYaHei;
    color: #333333;
}
.xinsec .tablis2 li.cur{
    background-color: #375bb9;
}
.xinsec .tablis2 li.cur a{
    color: #fff;
}
.w5 .xinbgs{
    margin-top: 71px;
}
.w5 .xinbgs li{
    width: 354px;
    height: 384px;
    float: left;
    margin-right: 69px;
}
.w5 .xinbgs li:last-child{
    margin-right: 0;
}
.w5 .xinbgs li a.img{
    display: block;
    width: 354px;
    height: 226px;
    overflow: hidden;
}
.w5 .xinbgs li img{
    width: 100%;
}
.w5 .xinbgs li .dac{
    width: 299px;
    margin:0 auto;
    margin-top: 30px;
}
.w5 .xinbgs li .dac h3 a{
    display: block;
    font:normal 16px/16px MicrosoftYaHei;
    color: #333333;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.w5 .xinbgs li .mx{
    position: relative;
    margin-top: 50px;
}
.w5 .xinbgs li span{
    font:normal 14px/31px Arial;
    color: #929292;
}
.w5 .xinbgs li .mx a{
    display: block;
    width: 31px;
    height: 31px;
    background: url(../images/xinmo.png) center no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 99;
}
.w5 .xinbgs li:hover{
    box-shadow: -2px 2px 11px 4px 
    rgba(0, 0, 0, 0.15);
}
.w5 .xinbgs li:hover .mx a{
    background: url(../images/xinmo2.png) center no-repeat;
}



/*  */
.footbgs{
    background:#f3fafe;
    padding-top: 64px;
}
.fadds{
    width: 360px;
}
.fadds dd{
    font:500 30px/30px MicrosoftYaHei;
    color: #333333;
    margin-bottom: 51px;
}
.fadds dt{
    font:normal 14px/14px MicrosoftYaHei;
    color: #292929;
}
.fadds dt p{
    margin-bottom: 32px;
}
.fnavs dl{
    float: left;
    text-align: center;
    margin-right: 130px;
}
.fnavs dl:last-child{
    margin-right: 0;
}

.fnavs dt{
    font:bold 18px/18px MicrosoftYaHei;
    color: #292929;
    margin-bottom: 45px;
}
.fnavs dd a{
    display: block;
    font:normal 14px/14px MicrosoftYaHei;
    color: #666666;
    margin-bottom: 36px;
}
.fewms{
    width: 254px;
}
.fewms dd{
    font:bold 30px/30px MicrosoftYaHei;
    color: #333333;
}

.ftrwms{
    margin-top: 35px;
}
.ewms1{
    border-bottom: 1px solid #dddddd;
    padding-bottom: 11px;
    margin-bottom: 16px;
}
.ewms1 .ewmtu img{
    width: 92px;
	height: 92px;
}
.ewms1 .enames{
    margin-top: 15px;
}
.ewms1 .enames h3{
    font:normal 14px/14px MicrosoftYaHei;
    color: #666666;
}
.ewms1 .enames h4{
    font:normal 16px/16px MicrosoftYaHei;
    color: #666666;
    margin-top: 24px;
}

.fsheng{
    background: #375bb9;
    padding:10px 0;
    text-align: center;
    font:normal 14px/20px MicrosoftYaHei;
    color: #ffffff;
}
.fsheng a{
    color: #ffffff;
}



















































































































































</pre></body></html>